<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="content">
    <div class="layout-menu">
        <div class="layout-menu-main-group">
            <div class="layout-menu-main">
                <div class="layout-menu-main-item">
                    <a>
                        <div class="layout-menu-item-info">
                            <div class="layout-menu-item-img">
                                <img src="/static/image/csdn/首页.png">
                            </div>
                            <div class="layout-menu-item-name">首页</div>
                        </div>
                    </a>
                </div>
                <div class="layout-menu-main-item">
                    <a>
                        <div class="layout-menu-item-info">
                            <div class="layout-menu-item-img">
                                <img src="/static/image/csdn/博客.png">
                            </div>
                            <div class="layout-menu-item-name">博客</div>
                        </div>
                    </a>
                </div>
                <div class="layout-menu-main-item">
                    <a>
                        <div class="layout-menu-item-info">
                            <div class="layout-menu-item-img">
                                <img src="/static/image/csdn/下载.png">
                            </div>
                            <div class="layout-menu-item-name">下载</div>
                        </div>
                    </a>
                </div>
                <div class="layout-menu-main-item">
                    <a>
                        <div class="layout-menu-item-info">
                            <div class="layout-menu-item-img">
                                <img src="/static/image/csdn/study.png">
                            </div>
                            <div class="layout-menu-item-name">学习</div>
                        </div>
                    </a>
                </div>
                <div class="layout-menu-main-item">
                    <a>
                        <div class="layout-menu-item-info">
                            <div class="layout-menu-item-img">
                                <img src="/static/image/csdn/社区.png">
                            </div>
                            <div class="layout-menu-item-name">社区</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="info">
        <div class="home-box-nav">
            <div class="box-nav">
                <ul class="box-nav-list">
                    {% for category in categories %}
                    	<li>
                            <p>{{ category }}</p>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>